<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=Edge"/>
  <title>Document</title>
  <link rel="stylesheet" href="css/bootstrap.min.css">
  <link rel="stylesheet" href="css/swiper.min.css">
  <link rel="stylesheet" href="css/layer.min.css">
  <link rel="stylesheet" href="css/taobao-iconfont.min.css">
  <link rel="stylesheet" href="css/app.min.css">
  <link rel="stylesheet" href="css/reg.min.css">
</head>
<body>
  @@include('header.html')
  <div class="main-container">
    <div class="w">
      <div class="reg-container">
        <div class="reg-banner"></div>
        <div class="panel panel-default">
          <div class="panel-body pt50">
            <div class="row">
              <div class="col-sm-12 text-center">
                <img src="img/reg-left.png">
              </div>
              <div class="col-sm-12">
                <form class="form-horizontal">
                  <div class="form-group">
                    <label class="col-sm-6 control-label"><span class="text-danger">*</span>用户名:</label>
                    <div class="col-sm-16">
                      <input type="text" class="form-control" autocomplete="off">
                      <h6 class="text-muted">请输入4-11个字符, 仅可输入英文字母以及数字的组合</h6>
                    </div>
                  </div>
                  <div class="form-group">
                    <label class="col-sm-6 control-label"><span class="text-danger">*</span>游戏密码:</label>
                    <div class="col-sm-16">
                      <input type="password" class="form-control" autocomplete="off">
                      <h6 class="text-muted">密码长度为6-16个字符,以及必须含有字母和数字的组合</h6>
                    </div>
                  </div>
                  <div class="form-group">
                    <label class="col-sm-6 control-label"><span class="text-danger">*</span>确认密码:</label>
                    <div class="col-sm-16">
                      <input type="password" class="form-control" autocomplete="off">
                      <h6 class="text-muted">请重复您的密码</h6>
                    </div>
                  </div>
                  <div class="form-group">
                    <label class="col-sm-6 control-label"><span class="text-danger">*</span>注册电话:</label>
                    <div class="col-sm-16">
                      <input type="text" class="form-control" autocomplete="off">
                    </div>
                  </div>
                  <div class="form-group">
                    <label class="col-sm-6 control-label"><span class="text-danger">*</span>注册邮箱:</label>
                    <div class="col-sm-16">
                      <div class="row">
                        <div class="col-sm-16">
                          <input type="text" class="form-control" autocomplete="off">
                        </div>
                        <div class="col-sm-8">
                          <select class="form-control">
                            <option value="">请选择</option>
                            <option value="@qq.com">@qq.com</option>
                            <option value="@163.com">@163.com</option>
                            <option value="@gmail.com">@gmail.com</option>
                            <option value="@126.com">@126.com</option>
                            <option value="@sina.com">@sina.com</option>
                            <option value="@sina.cn">@sina.cn</option>
                            <option value="@yeah.net">@yeah.net</option>
                            <option value="other">其他邮箱</option>
                          </select>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <label class="col-sm-6 control-label">联系QQ:</label>
                    <div class="col-sm-16">
                      <input type="text" class="form-control" autocomplete="off">
                    </div>
                  </div>
                  <div class="form-group">
                    <label class="col-sm-6 control-label">联系微信:</label>
                    <div class="col-sm-16">
                      <input type="text" class="form-control" autocomplete="off">
                    </div>
                  </div>
                  <div class="form-group">
                    <label class="col-sm-6 control-label"><span class="text-danger">*</span>验证码:</label>
                    <div class="col-sm-16">
                      <div class="row">
                        <div class="col-sm-16">
                          <input type="text" class="form-control" autocomplete="off">
                        </div>
                        <div class="col-sm-8">
                          <img src="img/agTryValidateCodeForIndex.jpg" style="width: 100%;height: 34px;">
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <div class="col-sm-offset-6 col-sm-16">
                      <div class="checkbox">
                        <label>
                          <input type="checkbox"> 本人同意并接受所有 <a href="#" class="text-danger">规则与条款</a>（确定无误后请打勾）
                        </label>
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <div class="col-sm-offset-6 col-sm-15">
                      <button type="submit" class="btn btn-primary btn-block">立即注册</button>
                    </div>
                  </div>
                </form>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  @@include('footer.html')
</body>
<script src="js/vendor/jquery-1.9.1.min.js"></script>
<script src="js/vendor/bootstrap.min.js"></script>
<script src="js/vendor/moment.min.js"></script>
<script src="js/vendor/underscore-min.js"></script>
<script src="js/vendor/jquery.validate.min.js"></script>
<script src="js/vendor/swiper.min.js"></script>
<script src="js/vendor/layer.js"></script>
<script src="js/public.js"></script>
</html>